<div class="mid-nav shadow-div">
    <div class="row list-row">
        <div class="col-md-offset-2 col-md-8">
            <div class="panel panel-default">
                <div class="panel-body">
                    <form action="." method="post">
                        <div class="form-group">
                            <label class="control-label" for="usr">Nick name</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> </span>
                                <input type="text" class="form-control" id="usr" name="usr"
                                       ng-model="cPersonName" placeholder="The name we call you" autofocus>
                            </div>
                            <span class="error" id="personName_checker" ng-bind="error.personNameNotNull"></span>
                        </div>
                        <div class="form-group">
                            <label for="tel">Telephone</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span> </span>
                                <input type="text" class="form-control" id="tel" name="tel"
                                       ng-model="cTel" placeholder="Your telephone number">
                            </div>
                            <span class="error" id="tel_checker" ng-bind="error.telNotNull"></span>
                        </div>
                        <div class="form-group">
                            <label for="pwd">Password</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
                                <input type="password" class="form-control" id="pwd" name="pwd"
                                       ng-model="cPassword1" placeholder="Sign in password">
                            </div>
                            <span class="error" id="pwd_checker1" ng-bind="error.passwordNotNull"></span>
                        </div>
                        <div class="form-group">
                            <label for="pwd2">Password Again</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
                                <input type="password" class="form-control" id="pwd2" name="pwd2"
                                       ng-model="cPassword2" placeholder="confirm the password">
                            </div>
                            <span class="error" id="pwd_checker2" ng-bind="error.passwordTesting"></span>
                        </div>
                        <div class="form-group">
                            <label for="location">Location</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-home"></span> </span>
                                <input type="text" class="form-control" id="location" name="location"
                                       ng-model="cLocation" placeholder="Location of your merchant">
                            </div>
                            <span class="error" ng-bind="error.LocationNotNull"></span>
                        </div>


                        <hr>
                        <div id="reg_btns">
                            <button type="button" class="btn btn-common btn-block" ng-click="userRegist()">注册</button>
                           <a href="#/"  >
                            <button type="button" class="btn btn-default btn-block" style="margin-top: 20px;">取消</button>
                           </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>